<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<style>
			input::-webkit-input-placeholder {
				/*WebKit browsers*/
				color: #FFFFFF;
			}
			
			input::-moz-input-placeholder {
				/*Mozilla Firefox*/
				color: #FFFFFF;
			}
			
			input::-ms-input-placeholder {
				/*Internet Explorer*/
				color: #FFFFFF;
			}
			
			.login-form label {
				width: 37%;
				color: #FFFFFF;
			}
			
			.mui-input-row label~input,
			.mui-input-row label~select {
				width: 63%;
			}
			
			.mui-btn {
				padding: 0.5rem;
				background-color: #12B2E6;
			}
			
			.mui-card {
				margin: 0 0.5rem !important;
			}
			
			.header-box {
				padding-top: 3rem;
				padding-bottom: 5rem;
				text-align: center;
				background-color: rgba(255, 255, 255, 0);
			}
			
			.header-box h1 {
				color: #ffffff;
				font-family: "微软雅黑";
				font-size: 1.5rem;
				letter-spacing: 0.3rem;
			}
			
			.content-box {
				width: 90%;
				margin: 0 auto;
				background-color: rgba(255, 255, 255, 0);
			}
			
			.login-form {
				background-color: rgba(0, 0, 0, 0.2);
				border-radius: 0.3rem;
			}
			
			.login-box {
				margin-top: 2rem;
			}
			
			.login-line {
				background-color: rgba(255, 255, 255, 0.3);
				;
				height: 0.05rem;
				width: 90%;
				margin: 0 auto;
			}
			
			.bg-box {
				background-image: url(img/login02.jpg);
				background-size: 100%;
				background-repeat: no-repeat;
			}
			
			input {
				color: #CCCCCC;
			}
			
			.mui-btn {
				padding: 10px;
			}
			
			.link-area {
				display: block;
				margin-top: 25px;
				text-align: center;
			}
			
			.spliter {
				color: #bbb;
				padding: 0px 8px;
			}
		</style>
		
	</head>

	<body class="bg-box">
		<h3>{$info.title}</h3>
		{$info.content}
		
		
		<p style="text-align:right;">
			日期：{$info.createtime|date='Y-m-d H:i',###}
		</p>
	</body>

</html>